@charset "utf-8";
/* CSS Document */

/* font face */
@font-face {
  font-family: 'HelveticaNeue-Thin';
  src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-Thin.otf')  format('opentype'),
	     url('../fonts/HelveticaNeue-Thin.woff') format('woff'), url('../fonts/HelveticaNeue-Thin.ttf')  format('truetype'), url('../fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* Basic style*/
body{  font-family:'HelveticaNeue-Thin'; margin:0; font-size:20px; line-height:24px;}
h1,h2,h3,h4{}
img{ max-width:100%;}
fleft{ float:left;}
fright{ float:right;}
a{ text-decoration:none; color:#73bcf0;}
a:hover{ text-decoration:underline;}


/* home style*/
.container{ width:980px; margin:auto;}
header{ }
#home{ min-height:735px;}
.homeSection{ position:relative; width:450px; height:353px; display:block; margin:auto; }
.logo{background:url(../images/home.png) 0 0 no-repeat;width:450px; height:353px; margin-top:20px; }
.homeSection h1{ color:#1071b5; text-align:center; font-size:42px; margin:20px auto}
.blueHeading{ background-color:#1d8acf;}
.mobileApp{height: 88px;margin: 35px 0 0px; width: 450px;}
.homeSection article a{ float:left;}
.homeSection  p{ color:#c0c2c4; text-align:center; text-transform:capitalize;}
header { width:980px; padding-top:28px; margin:auto; display: block; }
header nav{ float:right;}
header nav ul{ margin:0; padding:0;}
header nav ul li { display:inline-block; margin-right:10px;}
header nav ul li a{}
.app-store{ margin-right:15px;}

/* otherstyle */
.greySection{ background:#eee; min-height:600px; float:left; width:100%;}
.blueSection{ background:#0d73b4; color:#fff; min-height:600px; float:left; width:100%; padding-top:100px;}

#about .tittle{ font-size:50px; text-align:center; margin-top:0;}
#about li{ list-style:none; float:left; padding-bottom:20px;}
#about li span{ margin-top:10px; float:left;}
#howsItswork{ padding:100px 0 100px; min-height:575px;}
#howsItswork .howsWork{  float:right; width:560px; padding-top:10px;}
 .imgBlock{ width:267px; float:left; background:url(../images/workImg.png) 0 0 no-repeat;  height:551px;}
#howsItswork .howsWork ul{ margin:0; padding:0;}
#howsItswork .howsWork ul li{ font-size:25px; color:#fff; padding-bottom:15px; list-style:none; line-height:34px; float:left; font-weight:bold;}
#howsItswork .howsWork ul li span{ font-size:18px; line-height:24px; clear:both; font-weight:normal; float:left; }
.familyMobileContent{ float:left; width:460px; padding-top:130px;}
.familyMobileContent p{ padding-bottom:30px;}
#familyMobile .imgBlock{ width:405px; float:left;}
#familyMobile{ padding:45px 0;}
.subline h2{
	text-align:center;
position: relative;
width: 290px;
margin-top: 30px;
margin-bottom: 50px;
margin:40px auto 40px auto;
padding-bottom:0!important;
}

.subline h2:before{
content: '';
width: 152px;
height: 1px;
top: 50%;
left: -166px;
position: absolute;
margin: 0px 0 0;
background: white}

.subline h2:after{
content: '';
width: 152px;
height: 1px;
top: 50%;
right: -166px;
position: absolute;
margin: 0px 0 0;
background: white}

#privacy{ line-height:30px; padding-bottom:70px; padding-top:100px;}
#privacy h3{ margin-bottom:0; font-size:26px;}
#privacy p{ margin:10px 0;}
#privacy h2{ margin-top:0; text-align:center; padding-bottom:50px;}

#terms{ line-height:30px; padding-bottom:70px; padding-top:100px;}
#terms h3{ margin-bottom:0; font-size:26px;}
#terms p{ margin:10px 0;}
#terms h2{ margin-top:0; text-align:center; padding-bottom:50px;}

#support { min-height:750px;}
#support h2{ margin-top:0; text-align:center; padding-bottom:50px;}
#support article{ width:450px; margin-right:30px; float:left;}
#support li{ list-style:none; float:left; padding-bottom:20px;}
#support li span{ margin-top:10px; float:left;}
#support h3{  font-size:26px; margin-bottom:10px;}
#support #contact{ width:300px; margin-left:100px;}
#support #contact label{ width:100%; float:left; padding-bottom:10px;}
#support #contact input[ type="text"]{ width:274px; border:1px solid #ccc; border-radius:5px; padding:10px; }
#support #contact textarea{ width:274px; height:100px;  border:1px solid #ccc; border-radius:5px; padding:10px; resize:none;}
#support #contact div{ padding-bottom:10px; padding-top:10px;}
.sendBtn{ background-color:#eee; padding:10px 20px; color:#0d73b4; font-size:18px; border-radius:5px; border:none; cursor:pointer;  width:250px; text-align:center; }
.btnBlock{ width:250px; margin:auto;}
.quesBlock{ border-bottom:1px dashed #2698e0; padding-bottom:10px;}
.quesBlock h3:hover{ color:#0CF;}
h3.sliderExpandedB{ color:#0CF;}

.sliderB{
	display:none;
}
.togglerB:hover,
.closeSliderB:hover{
	cursor:pointer;
}

#subhead nav{ margin-top:15px;}
.policyLink{ font-size:20px; color:#C0C2C4;}

#subhead{ float:left; background:#eee; width:100%; display:inline-block;  padding-top:0;}
#subhead .smalllogo{ width:74px; height:79px; float:left; font-size:0;}

footer{ background:#eee; width:100%; float:left; border-top:1px solid #0d73b4;}
footer nav{ width:377px; margin:auto;}
footer nav ul{ margin:0; padding:0;}
footer nav ul li{ float:left; text-decoration:none; list-style:none; padding:10px 25px;}
footer nav ul li a{ color:#000;}
.thankMessage{ color:#40e619; padding:10px 0; font-weight:700; float:left;}