
body {
   	font-family: 'Lato', sans-serif;
	color: #383838;
	background-color: #f8f9f9;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Lato', sans-serif;
	color: #383838;
}

h6{
	font-size: 12px;
}

p {
    font-size: 16px;
  	font-family: 'Lato', sans-serif;
	color: #383838;
	line-height:22px;
}


 a {color: #057dcb;}
 a:hover {color: #005e9b;}



#about {
  padding-top: 20px;
	background-image: 
		url(../images/hearts-ballon.png), 
		url(../images/bg-sun.png), 
		url(../images/bg-red-heart-left.png), 
		url(../images/bg-pink-heart-left1.png), 
		url(../images/bg-pink-heart-left2.png), 
		url(../images/bg-pink-heart-right.png), 
		url(../images/bg-red-heart-right.png), 
		url(../images/home-page-bg-cloud.jpg);
	background-position: 
		right 55px top 30px/*Hearts Ballon*/, 
		right top 35px/*Sun*/, 
		right 490px top 120px/*Red Heart left*/, 
		right 425px top 215px/*Pink Heart left1*/, 
		right 350px top 325px/*Pink Heart left2*/, 
		right 85px top 400px/*Pink Heart right*/, 
		right top 250px/*Red Heart right*/, 
		center top/*Cloud*/;
	background-repeat: no-repeat/*all*/;

}


#about-chinese {
  padding-top: 20px;
	background-image: 
		url(../images/hearts-ballon.png), 
		url(../images/bg-sun.png), 
		url(../images/bg-red-heart-left.png), 
		url(../images/bg-pink-heart-left1.png), 
		url(../images/bg-pink-heart-left2.png), 
		url(../images/bg-pink-heart-right.png), 
		url(../images/bg-red-heart-right.png), 
		url(../images/home-page-bg-cloud.jpg);
	
	background-size: 365px, 167px, 80px, 86px, 74px, 77px, 92px, 1140px;
	
	background-position: 
		right 55px top 30px/*Hearts Ballon*/, 
		right top 35px/*Sun*/, 
		right 490px top 120px/*Red Heart left*/, 
		right 410px top 215px/*Pink Heart left1*/, 
		right 390px top 325px/*Pink Heart left2*/, 
		right 85px top 400px/*Pink Heart right*/, 
		right top 250px/*Red Heart right*/, 
		center top/*Cloud*/;
	background-repeat: no-repeat/*all*/;

}



#about-contact {
  padding-top: 20px;
	background-image: 
		url(../images/contactus-blueheart1.png),
		url(../images/contactus-blue-ballon.png), 
		url(../images/contactus-sun.png), 
		url(../images/contactus-redheart1.png),
		url(../images/contactus-blueheart2.png),
		url(../images/contactus-redheart2.png),
	    url(../images/contactus-blueheart3.png),
		url(../images/contactus-bg.jpg);
	background-position:
		right 330px top 80px/*Blue Heart 1*/, 
		right 40px top 70px/*Hearts Ballon*/, 
		right top 20px/*Sun*/, 
		right 360px top 200px/*Red Heart 1*/, 
		right 350px top 325px/*Blue Heart 2*/,
		right 5px top 310px/*Red Heart 2*/,
		right -2px top 200px/*Blue Heart 3*/,
		center top/*Cloud*/;
	
	background-repeat: no-repeat/*all*/;

}




.eng-cn {

	float:right;	
}


/*.logo-background {
	 width: 100%;
  	 height: 133px;
	 background-image: url(../images/logo-ENG.png);
  	 background-repeat: no-repeat;
  	 background-size: contain;

}*/

.text-wrapper{
	padding-top:30px;

}

.text1{  
	font-size: 16px;
  	font-family: 'Lato', sans-serif;
	color: #383838;
	line-height:22px;
	padding-top:20px;

}


.text1-chinese {  
	font-size: 16px;
  	font-family: 'Lato', sans-serif;
	color: #383838;
	line-height:22px;
	padding-top:40px;

}


.text2{  
	font-size: 16px;
  	font-family: 'Lato', sans-serif;
	color: #383838;
	line-height:22px;
	padding-bottom:20px;
	padding-top: 15px;

}


.button {
  background-color: #a50034;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button-contactus {
	
  background-color: #a50034;
  border: none;
  color: white;
  padding: 8px 23px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
}

/***********************
* Terms and Conditions *
************************/


.tandc{
	font-size: 12px;
	padding-top: 15px;
}


/***********************
********* Footer ******
************************/

.contact-info {	
	margin-top: 10px;
	background-color: #a8a8a8;
	font-family: 'Lato', sans-serif;
	padding-top: 3px;	
	padding-bottom:3px;
	color: #fff;
	font-size: 14px;

}

.contact-info a {	
	color: #fff;

}

.contact-info hover {	
	color: #006eb6;

}


.contact-us {
	margin-top: 30px;
}


.social-icons li {	
	display: inline-block;	
	padding-right: 20px;
	font-family: 'Lato', sans-serif;
	
}

.social-icons{
	text-align: left;
	margin: 10px auto;
	padding-left: 20px;

}


.form-group {
	margin-bottom: 0.6rem!important;
}



/*// Small devices (mobile) //*/

@media (max-width: 576px) {
	#about {
		background-image: 
		url(../images/mobile-ballon.png), 
		url(../images/mobile-sun.png),
		url(../images/mobile-redheart-left.png),
		url(../images/mobile-pinkheart-left.png),
		url(../images/mobile-redheart-right.png),
		url(../images/mobile-cloud.jpg);
		
		background-size: 258px, 130px, 45px, 55px, 49px, 603px;
		
		background-position: 
		right -30px top 55px/*Hearts Ballon*/, 
		right 95px top 25px/*Sun*/,
		right 200px top 110px/*Red Heart left Top*/,
		right 110px top 300px/*Pink Heart left*/,
		right 40px top 360px/*Red Heart Red*/,		
		left top/*Cloud*/;
	}
	
	
	#about-chinese {
		background-image: 
		url(../images/mobile-ballon.png), 
		url(../images/mobile-sun.png),
		url(../images/mobile-redheart-left.png),
		url(../images/mobile-pinkheart-left.png),
		url(../images/mobile-redheart-right.png),
		url(../images/mobile-cloud.jpg);
		
		background-size: 230px, 130px, 45px, 55px, 49px, 603px;
		
		background-position: 
		right -45px top 55px/*Hearts Ballon*/, 
		right 95px top 25px/*Sun*/,
		right 120px top 180px/*Red Heart left Top*/,
		right 100px top 350px/*Pink Heart left*/,
		right 40px top 330px/*Red Heart Red*/,		
		left top/*Cloud*/;
	}
	
		
	#about-contact {
 	padding-top: 20px;
	background-image: 
		url(../images/contactus-blueheart1.png),
		url(../images/contactus-blue-ballon.png), 
		url(../images/contactus-sun.png), 
		url(../images/contactus-redheart1.png),		
		url(../images/contactus-redheart2.png),	  
		url(../images/contactus-bg.jpg);
	
	background-size: 80px, 250px, 120px, 90px, 100px, 580px;
			
	background-position:
		right 140px top 80px/*Blue Heart 1*/, 
		right -70px top 35px/*Hearts Ballon*/, 
		right 110px top 20px/*Sun*/, 
		right 160px top 200px/*Red Heart 1*/, 		
		right -10px top 210px/*Red Heart 2*/,
		right -20px top/*Cloud*/;	
	background-repeat: no-repeat/*all*/;
    } 
		
	
	.div-only-mobile{
	  width:230px;
	  height:215px;
	 
	}

	
	.div-only-mobile-chinese{
	  width:230px;
	  height:150px;
	 
	}
	
	
	.div-only-mobile-chinese-2{
	  width:230px;
	  height:100px;
	 
	}
	
	.text1-chinese { 	
	  padding-top: 20px;

   }
}




/*// Medium devices (tablets) //*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	#about {
  	padding-top: 20px;
	background-image: 
		url(../images/hearts-ballon-tablet.png), 
		url(../images/bg-sun.png), 
		url(../images/bg-red-heart-left.png), 
		url(../images/bg-pink-heart-left1.png), 
		url(../images/bg-pink-heart-left2.png), 
		url(../images/bg-pink-heart-right.png), 
		url(../images/bg-red-heart-right.png), 
		url(../images/home-page-bg-cloud.jpg);
	background-position: 
		right -20px top 60px/*Hearts Ballon*/, 
		right 25px top 38px/*Sun*/, 
		right 370px top 115px/*Red Heart left*/, 
		right 320px top 215px/*Pink Heart left1*/, 
		right 300px top 335px/*Pink Heart left2*/, 
		right 18px top 420px/*Pink Heart right*/, 
		right -10px top 320px/*Red Heart right*/, 
		center top/*Cloud*/;
	background-repeat: no-repeat/*all*/;
	}
	  
	  
	  
	#about-chinese {
  	padding-top: 20px;
	background-image: 
		url(../images/hearts-ballon.png), 
		url(../images/bg-sun.png), 
		url(../images/bg-red-heart-left.png), 
		url(../images/bg-pink-heart-left1.png), 
		url(../images/bg-pink-heart-left2.png), 
		url(../images/bg-pink-heart-right.png), 
		url(../images/bg-red-heart-right.png), 
		url(../images/home-page-bg-cloud.jpg);
	
	background-size: 365px, 167px, 80px, 86px, 74px, 77px, 92px, 1140px;
	
	background-position: 
		right -15px top 50px/*Hearts Ballon*/, 
		right 0 top 35px/*Sun*/, 
		right 310px top 110px/*Red Heart left*/, 
		right 280px top 215px/*Pink Heart left1*/, 
		right 250px top 305px/*Pink Heart left2*/, 
		right 25px top 430px/*Pink Heart right*/, 
		right top 300px/*Red Heart right*/, 
		center top/*Cloud*/;
	background-repeat: no-repeat/*all*/;

}  
	  
	  
	#about-contact {
 	padding-top: 20px;
	background-image: 
		url(../images/contactus-blueheart1.png),
		url(../images/contactus-blue-ballon.png), 
		url(../images/contactus-sun.png), 
		url(../images/contactus-redheart1.png),		
		url(../images/contactus-redheart2.png),
	    url(../images/contactus-blueheart3.png),
		url(../images/contactus-bg.jpg);
	background-position:
		right 280px top 80px/*Blue Heart 1*/, 
		right -10px top 70px/*Hearts Ballon*/, 
		right -50px top 20px/*Sun*/, 
		right 290px top 200px/*Red Heart 1*/, 		
		right top 370px/*Red Heart 2*/,
		right top 250px/*Blue Heart 3*/,
		right -60px top/*Cloud*/;	
	background-repeat: no-repeat/*all*/;
   } 
	  
	  
	.text1-chinese { 	
		padding-top: 20px;

   }
  
	  
	  
}