body{
	font-weight:300;
}

.identity{
	background-color: #FFF;
	height: 100px;
}


.logo-pesopay{
	background:url(../images/logo-pesopay.png)  center no-repeat;
	height:100px;
	background-size:120px;
}





.callActionTop{
}


.visual{
	height: 453px;
	background-image: url(../images/visual.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}



.bg-dark{
	background:url(../images/bg-header-content.png);
}






.step1d{
	background:url(../images/payment-icon1d.svg) center no-repeat;
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step2d{
	background:url(../images/payment-icon2d.svg) center no-repeat;
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step3d{
	background:url(../images/payment-icon3d.svg) center no-repeat;
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step4d{
	background:url(../images/payment-icon4d.svg) center no-repeat;
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step5d{
	background:url(../images/payment-icon5d.svg) center no-repeat;
	background-size:100px;
	height:80px;
	cursor:pointer;
}







.step1{
	
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step2{
	
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step3{
	
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step4{
	
	background-size:100px;
	height:80px;
	cursor:pointer;
}

.step5{
	
	background-size:100px;
	height:80px;
	cursor:pointer;
}







.indicator{
	position: absolute;
	top: 282px;
	left: 100px;
	z-index: 2;
}



.step5Active:hover #indicator{
	display:none;
}




.slide1 {
	height:400px;
}


.slide1 .photo1{
	height:400px;
	background:url(../images/slide-pic1.png) bottom center no-repeat;
	background-size:500px;
}







.slide2 {
	height:400px;
	display:block;
	opacity: 0; 
    height: 0;
    overflow: hidden;
}


.slide2 .photo2{
	height:400px;
	background:url(../images/slide-pic2.png) bottom center no-repeat;
	background-size:500px;
}
	







.slide3 {
	height:400px;
	display:block;
	opacity: 0; 
    height: 0;
    overflow: hidden;
}


.slide3 .photo3{
	height:400px;
	background:url(../images/slide-pic3.png) bottom center no-repeat;
	
}






.slide4 {
	height:400px;
	display:block;
	opacity: 0; 
    height: 0;
    overflow: hidden;
}


.slide4 .photo4{
	height:400px;
	background:url(../images/slide-pic4.png) bottom center no-repeat;
	background-size:500px;
}






.slide5 {
	height:400px;
	display:block;
	opacity: 0; 
    height: 0;
    overflow: hidden;
}


.slide5 .photo5{
	height:400px;
	background:url(../images/slide-pic5.png) bottom center no-repeat;
	background-size:532px;
}


.slide5 .photo5-ph{
	height:400px;
	background:url(../images/slide-pic5-ph.png) bottom center no-repeat;
	background-size:532px;
}




.top-paydollar{
	border-top:5px #19338f solid;
}

.top-siampay{
	border-top:5px #7a3794 solid;
}



#Layer_1{
	fill:#ffffff !important ;
}


.check1{
	padding-left:0px;
}


.check1 li:before{
	
	content: "\2713";
	padding-right:10px;
	width:auto;
	position:absolute;
	left:0px;
	
		
		 
}

.check1 li{
	list-style:none;
	padding-left:20px;
	position:relative;
}

.button{
	border:0px;
	cursor:pointer;
}