@charset "utf-8";
/* CSS Document */
.d-none{
	display:none;	
}
.d-block{
	display:block;	
}
.p50{
	padding:50px 0px;	
}
.font20{
	font-size:20px !important;	
}
.platinum-sec1 {
    background-size: cover !important;
    height: 367px;
    width: 100%;
	background-position:center !important;
    background: url(../images/landingpage/platinum/banner-img.jpg) no-repeat;
}
.platinum-sec2 {
    background-color:#219099;
	padding:10px 0px;
}
.platinum-sec3 {
    background-size: cover !important;
    height: 47px;
    width: 100%;
    background-position:center !important;
    background: url(../images/landingpage/platinum/bottom1.jpg) no-repeat;
}
.platinum-sec4 {
    background-color:#f6fbfb;
	padding:40px 0px;
}
.platinum-sec5 {
    background-size: cover !important;
    height: 47px;
    width: 100%;
    background-position:center !important;
    background: url(../images/landingpage/platinum/bottom2.jpg) no-repeat;
}
.platinum-text1 {
    font-family: futura_hv_btheavy;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
	margin:10px 0;
	border-bottom:2px #ffffff solid;
	padding-bottom:10px;
}
.platinum-text2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    text-align: center;
    margin-top: 15px;
	margin-bottom:0px;
}
.platinum-text3 {
    font-family: futura_hv_btheavy;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
	margin:20px 0 30px 0;
}
.platinum-form {
    background-color: #47adba;
    padding: 20px;
    border-radius: 10px;
}
.platinum-submit-btn {
    color: #00626e;
    background-color: #ffffff;
	border-radius:5px;
    font-size: 17px;
	text-align:center;
	padding:6px 30px;
}
.rating-1{
	width:35px; line-height:1;	
}
.rating-2{
	height:9px; margin:5px 0;
}
.rating-3{
	width:180px;
}
.rating-4{
	height:9px; margin:8px 0;
}
.rating-5{
	margin-left:10px;
}
.width-100{
	width: 100%;
}
.width-80{
	width: 80%;
}
.width-60{
	width: 60%;
}
.width-40{
	width: 40%;
}
.width-20{
	width: 20%;
}
.pointer{
	cursor:pointer;	
}
.ulul{
	padding-left:15px; color:#ffffff;	
}
.padding-7-0{
	padding:7px 0px;	
}
.eduloanprocessbg{padding:200px 0 100px 0;background-color:#ffc20f;}
.mobile-img {
    display: none;
}
.extra1{
vertical-align:middle; padding-right:10px	
}
.bg-white{
	background-color:#ffffff	
}
.extra2{
background-color:#114B5F; padding:50px 0;	
}
.pl-15{
	padding-left:15px;	
}

.extra3{
	text-decoration:none;color:#ffffff;cursor:pointer;
}
.extra3:hover{
	text-decoration:none;
}

/**Mobile app**/
.app-header{
	text-align:center;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;	
}
.app-masthead{
	background-image:url(http://www.avanse.com/images/landingpage/mobile-app/masthead-img1.jpg);	
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100vh;
	background-size:cover;
	position: relative;
}
.app-masthead2{
	position: relative;
    max-width: 482px;
    width: 100%;
    right: 10%;
    float: right;
    top: 15%;	
}
.app-masthead2 img{
	width:100%	
}
.app-btn{
	position: absolute;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
	max-width: 373px;
    width: 100%;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	transform:scale(1);
}
.app-btn:hover{
	transform:scale(1.1);
}
.app-btn img{
	width:100%	
}
.app-text1{
    font-size: 40px;
    text-align: center;
    color: #424143;
    font-weight: 700;
	margin:20px 0 20px 0;		
}
.app-text2{
    font-size: 18px;
    text-align: center;
    color: #5a5b5d;
    font-weight: 400;
	margin:20px 0 30px 0;
	border-top:1px #219099 solid;
	padding-top:30px;
}
.app-text3{
    font-size: 16px;
    text-align: center;
    color: #464546;
    font-weight: 700;
	margin:15px;
}
.app-text4{
    font-size: 16px;
    text-align: center;
    color: #464546;
    font-weight: 400;
	margin-bottom:40px;
}
.app-text5{
    font-size: 50px;
    text-align: center;
    color: #444345;
    font-weight: 400;
	margin:30px 0 60px 0;
}
.app-text6{
	font-size: 18px;
    text-align: left;
    color: #464546;
    font-weight: 400;
}

.p100{
	padding:100px;
}	
.app-blue-box{
	background-color:#0bbabc;
	padding:50px;	
}
.app-blue-box2{
	background-color:#219099;
	padding:50px;	
}
.app-blue-box3{
	background-color:#0bbabc;
	padding:50px;	
}
.app-blue-box4{
	background-color:#0bbabc;
	padding:50px;	
}
.app-blue-box5{
	background-color:#45efea;
	padding:50px;	
}
.app-yellow-box{
	background-color:#ffc019;
	padding:50px;	
}
.app-orange-box1{
	background-color:#f17226;
	padding:50px 50px 0 50px;
	margin:30px 0;	
}
.app-border-bottom1{
	max-width:500px;
	width:100%;
	height:2px;
	background-color:#ffffff;
	margin:0 auto;	
	margin-bottom:50px;
}
.app-border-bottom2{
	max-width:500px;
	width:100%;
	height:2px;
	background-color:#219099;
	margin:0 auto;	
	margin-bottom:50px;
}
.appul1{
	margin:0;
	list-style-image:url(http://www.avanse.com/images/landingpage/mobile-app/bullet.png)
}
.appul1 > li{
	font-size: 16px;
    text-align: left;
    color: #ffffff;
	margin-bottom:20px;
	font-family: futura_hv_btheavy;
	padding-left: 15px;
}
.appul1 > li a{
	font-size: 16px;
    color: #ffffff;
}
.app-time{
	background: rgba(33,143,153,1);
	background: -moz-linear-gradient(left, rgba(33,143,153,1) 0%, rgba(33,143,153,1) 50%, rgba(11,185,188,1) 50%, rgba(11,185,188,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(33,143,153,1)), color-stop(50%, rgba(33,143,153,1)), color-stop(50%, rgba(11,185,188,1)), color-stop(100%, rgba(11,185,188,1)));
	background: -webkit-linear-gradient(left, rgba(33,143,153,1) 0%, rgba(33,143,153,1) 50%, rgba(11,185,188,1) 50%, rgba(11,185,188,1) 100%);
	background: -o-linear-gradient(left, rgba(33,143,153,1) 0%, rgba(33,143,153,1) 50%, rgba(11,185,188,1) 50%, rgba(11,185,188,1) 100%);
	background: -ms-linear-gradient(left, rgba(33,143,153,1) 0%, rgba(33,143,153,1) 50%, rgba(11,185,188,1) 50%, rgba(11,185,188,1) 100%);
	background: linear-gradient(to right, rgba(33,143,153,1) 0%, rgba(33,143,153,1) 50%, rgba(11,185,188,1) 50%, rgba(11,185,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#218f99', endColorstr='#0bb9bc', GradientType=1 );
	padding:30px 0px;
	margin-bottom:10px;	
}
.app-blue-bg{
	background-color:#0bbabc;	
}
.app-footer{
	background-color:#ffffff;
	padding:50px;	
}
.app-footerul{
	margin:0;
	padding:0;
	list-style:none;
}
.app-footerul>li{
	font-size:18px;
	color:#464546;
	text-align:left;
	display:inline-block;
	margin-right:30px;
}

@media (max-width:1366px){
.platinum-sec1 {
    height: 300px;
}
.app-masthead2{
	width:400px;	
}
.app-btn{
	width:300px;	
}
}

@media (max-width:1024px){
.app-masthead2{
	width:350px;	
}
.app-btn{
	width:250px;	
}
}

@media (max-width:768px){
.eduloanprocessbg{padding:150px 0 50px 0;}	
.mobile-img {
    display: block;
	margin-top:20px;
}	
.app-masthead{
	height:80vh;	
}
.p100 {
    padding: 50px;
}
}

@media (max-width:480px){
.platinum-sec1 {
    height: 200px;
}
.platinum-sec4 {
    padding: 20px 0px;
}
.platinum-text1, .platinum-text3 {
    font-size: 18px;
}
.platinum-text2 {
    font-size: 14px;
}
.app-masthead2 {
    width: 250px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	bottom: 15%;
	top:auto;
}
.app-btn {
    width: 200px;
}
.p100 {
    padding: 15px;
}
.app-text1 {
    font-size: 26px;
    margin: 20px 0 20px 0;
}
.app-blue-box, .app-yellow-box, .app-orange-box1, .app-time, .app-blue-box2, .app-blue-box3, .app-blue-box4, .app-blue-box5{
	padding:20px;	
}
.app-border-bottom2 {
    width: 60%;
    margin-bottom: 30px;
}
.app-text5 {
    font-size: 34px;
    margin: 20px 0 30px 0;
}
.app-footer {
    background-color: #ffffff;
    padding: 30px 15px;
}
.app-header {
    text-align: left;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    right: 0;
}
.app-header	a img{
	    width: 90%;	
}
.p50 {
    padding: 50px 15px;
}
.font20 {
    font-size: 18px !important;
}
}