@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Semibold.woff') format('woff'),
	url('fonts/OpenSans-Semibold.ttf')  format('truetype'),
	url('fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aller-Bold';
  src: url('fonts/Aller-Bold.eot?#iefix') format('embedded-opentype'),
	  url('fonts/Aller-Bold.woff') format('woff'),
	  url('fonts/Aller-Bold.ttf')  format('truetype'),
	  url('fonts/Aller-Bold.svg#Aller-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	  url('fonts/OpenSans-Bold.woff') format('woff'),
	  url('fonts/OpenSans-Bold.ttf')  format('truetype'),
	  url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
	  url('fonts/OpenSans.woff') format('woff'),
	  url('fonts/OpenSans.ttf')  format('truetype'),
	  url('fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Extrabold';
  src: url('fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Extrabold.woff') format('woff'),
	url('fonts/OpenSans-Extrabold.ttf')  format('truetype'),
	url('fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-size:14px;font-family: 'OpenSans-Semibold';}
ul li {list-style:none}
ul{padding-left:0px;}
/*p,ul{margin-bottom:0px;}*/
a:hover,a:active,a:focus{text-decoration:none;}
#header .header_top{background:#ebebeb;border-bottom:1px solid #BEBEBE; padding: 11px 0px;}
#header .header_top .left{color:#848282}
#header .header_top .right{color:#4c4b4b}
#header .header_top .right ul li{list-style:none;    display: inline-block;}
#header .header_top .right ul li a{color:#4c4b4b}
#header .header_top .right ul {padding-left:0px;text-align:right}
#logo{text-align:center;padding-top:20px;    position: relative;}
#logo h2{color:#1c74bb;font-size:25px;text-transform:uppercase;font-family: 'Aller-Bold';    margin-top: 18px;}
.menu ul li a.active {color:#00adee}
.menu ul li a {color:#5c5b5b;text-transform:uppercase}
.menu ul li {    display: inline-block;    padding: 0px 20px;}
.menu ul {    text-align: center;margin-top:20px;}
.menu {margin-bottom: 23px;}
#home h1{font-size:50px;color:#ffffff;font-family: 'OpenSans-Bold';    margin-top: 0px;    margin-bottom: 0px;}
#home h3{font-size:24px;color:#fff;    margin-bottom: 5px;}
#home{background-image:url("images/slides.jpg");text-align:center;padding:220px 0px;    background-repeat: no-repeat;
    background-size: cover;}
#about h1{font-family: 'OpenSans-Bold';font-size:44px;color:#222222;text-transform:uppercase;margin-bottom:25px;}
#about{text-align:center;padding:112px 0px;}
.hr_title{height:2px;width:100px;display:block;margin:auto;background:#00adee}
#about p{margin-top:45px;    line-height: 1.8em;color:#959595}
#about{background:url("images/about_bg_border1.png") top left no-repeat;    position: relative;}
#about .container{ position: relative;    z-index: 999;}
#about:after{content:"";background:url("images/about_bg2.jpg") bottom right no-repeat;    height: 98%;
    position: absolute;
    bottom: 0;
    width: 52%;
    right: 0px;
    z-index: 0;}
#how_it_work{text-align:center;    background: #f2f2f2;    padding: 90px 0px;}
.title_section{font-family: 'OpenSans-Bold';font-size:44px;color:#151514;   margin-bottom: 25px;}
#how_it_work p{margin-top:14px;font-size:20px;color:#151514;font-family: 'OpenSans';}
#how_it_work .row_des{text-align:left;    margin-top: 60px;}
#how_it_work .row_des .col_title{font-family: 'OpenSans-Bold';font-size:24px;color:#4d4d4d;    line-height: 1.5em;}
#how_it_work .row_des p{font-family: 'OpenSans';font-size:14px;color:#737171}
#how_it_work .row_des p span{font-family: 'OpenSans-Bold';}
#how_it_work .row_des ul li{
	font-size:14px;
	color:#737171;
	background:url("images/icon_li.png");
	background-repeat:no-repeat;
	font-family: 'OpenSans';
	padding-left: 20px;
    background-position: left center;margin-bottom:20px;}
#how_it_work .row_des ul{padding-top:47px;padding-bottom:15px}
#membership {text-align:center;position: relative;padding: 70px 0px 90px;background:url("images/membership_bg1.jpg") left top no-repeat;}
#membership .container{position:relative;z-index:1;}
#membership:after{
	content:"";background:url("images/about_bg2.jpg") bottom right no-repeat;    height: 98%;
    position: absolute;
    bottom: 0;
    width: 52%;
    right: 0px;
    z-index: 0;}
#membership .hr_title{margin-bottom:7px;}
#membership .row1 p{font-size:20px;color:#151514;font-family: 'OpenSans';    margin-bottom: 2px;}
#membership .wrap_box {max-width:362px;}
#membership .wrap_box.left .head {background:#333333;color:#fff;    overflow: hidden;    padding-top: 12px;min-height: 188px}
#membership .wrap_box .head .box_title{font-size:27px;color:#fff;font-family: 'OpenSans-Bold';    margin-bottom: 16px;}
#membership .wrap_box .head .time{max-width:200px;padding-top: 30px;margin: auto;position:relative;}
#membership .wrap_box .head .time:after{
	z-index: 1;
	border-radius: 100% 100% 0px 0px;
    content: "";
    position: absolute;
    width: 200px;
    bottom: -100px;
    left: 0px;
    height: 200px;
    background: #fff;}
#membership .wrap_box .head .time>div{position:relative;z-index:9999;color:#333333;font-size: 30px;max-width: 100px;
    margin: auto;}
.wrap_box .head .time>div>div{font-family: 'OpenSans';float:left;line-height: 1;}
.wrap_box .head .time .expo{font-size:60px;font-family: 'OpenSans-Bold';    position: relative;}
.wrap_box .head .time>div>div:first-child{    padding-top: 26px;padding-right: 17px;}
.wrap_box .head .time .expo span{font-size:26px;    position: absolute;
    top: 7px;
    right: auto;}
.wrap_box .head .time p{font-size:14px;font-family: 'OpenSans';    clear: left;}
#membership .wrap_box.right .head{overflow:hidden;background:#00adee;min-height: 188px;}
#membership .wrap_box ul li {
	padding-left:25px;
	background:url("images/box_icon.png");
	background-repeat:no-repeat;
	background-position:left center;    margin-bottom: 21px;}
#membership .wrap_box ul{    padding: 40px;
    text-align: left;    
    border-top: none;}
.wrap_get_it{border: 1px solid #CCCCCC;padding-bottom:20px;border-top:none;    background: #fff;    min-height: 315px;}
.wrap_box.right .head .time p{font-size:14px;font-family: 'OpenSans';}
.wrap_box.right .head .time p span{font-size:60px;font-family: 'OpenSans-Bold';color:#00adee}
#membership .wrap_box .head .time .first span{float:left}
#membership .wrap_box .head .time .first{    line-height: 1;}
#membership .wrap_box .head .time .first span.first{font-size:30px;margin-right: 5px;color: #333333;padding-top: 25px;font-family: 'OpenSans';}
#membership .wrap_box.right .head .time>div{max-width:93px;}
#membership .wrap_box a{display: block;
    max-width: 180px;font-size:18px;
margin: auto;    padding: 12px 0px;}
#membership .wrap_box.left a{border:1px solid #333333;font-size:18px;color:#333333;font-family: 'OpenSans-Bold';    line-height: 1;}
#membership .wrap_box.right a{background:#00adee;color:#fff;font-family: 'OpenSans-Bold';}
#membership .row1{margin-bottom:65px;}
#membership .wrap_box.left{
		margin-right: 0px;
		margin-left: auto;
	}
.menu ul li a:hover{    color: #00adee;}
.form input,.form textarea{
	width: 100%;
	font-family: 'OpenSans';
	font-size:14px;
	color:#bdbebe;
	border:1px solid #E9E9E9;
    max-width: 90%;
	border-radius: 3px;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	margin-bottom:10px;
}
.form textarea{min-height:205px;padding:8px;}
.form input{padding:8px;}
.form input[type="submit"]{width:120px;text-align:center;    border: none;
    padding: 12px 0px;font-size:12px;color:#fff;font-family: 'OpenSans-Extrabold';
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image:url("images/bg_submit.png");
	background-size:cover;
	background-repeat:no-repeat;
}
.form input::-webkit-input-placeholder {
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form input::-moz-placeholder {
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form input:-ms-input-placeholder {
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form input:-moz-placeholder { 
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form textarea::-webkit-input-placeholder { 
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form textarea::-moz-placeholder { 
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form textarea:-ms-input-placeholder {
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
.form textarea:-moz-placeholder { 
  color: #bdbebe;
	font-family: 'OpenSans';
	font-size:14px;
}
#cotact_us{
	background:#f7f7f7;
	padding:100px 0px;
}
#cotact_us h4{font-size:24px;color:#222222;font-family: 'OpenSans-Bold';}
span.border_bg{height:3px;width:75px;background:url("images/bg_border_bottom.png") no-repeat;
	background-size:cover;
	display:block;
	margin-bottom:35px;
}
#cotact_us .left p{font-size:16px;color:#959595}
.form{margin-top: 50px;    }
.ifor ul li{width:50%;float:left;font-size:16px;color:#959595;margin-bottom:30px;background-repeat:no-repeat;    padding-left: 50px;
}
.ifor ul li.address{background:url("images/icon_build.png") left center no-repeat;}
.ifor ul li.phone{background:url("images/icon_mobile.png") left center no-repeat;}
.ifor ul li.email{clear:left;background:url("images/icon_email.png") left center no-repeat;
display:table;
min-height: 35px;}
.ifor {margin-top: 50px;}
.ifor ul li.email>div{    display: table-cell;
    vertical-align: middle;}
footer .left{font-size:12px;color:#787878}
footer .left span{    font-family: 'Aller-Bold';margin-right:13px;margin-left:4px;color:#787878}
footer  ul li a{color:#787878;font-size:12px;}
footer  ul li{    display: inline-block;padding:0px 13px;}
footer  ul {text-align:right;padding-top: 7px;}
footer{    padding: 10px 0px;background:#e1e1e1}
#header .header_top .right ul li.register{background:url("images/register_icon.png") left center no-repeat;}
#header .header_top .right ul li.home{
	border-right: 1px solid #BFBFBF;
	margin-right: 15px;
}
#header .header_top .right ul li.sign_in{
	border-right:1px solid #BFBFBF;
	background:url("images/signin_icon.png") left center no-repeat;
	margin-right: 15px;
}
#header .header_top .right ul li{padding:0px 18px;}
.menu.fixed{    position: fixed;
    width: 100%;
    background: #fff;
    top: 0px;
    left: 0px;    margin-bottom: 0px;
    padding: 10px 0px;
    z-index: 99999999;    border-bottom: 1px solid #b7b7b7;
    box-shadow: 1px 1px 6px #ccc;}
.menu.fixed ul {margin-top:0px;}
footer  ul li a:hover{color:#787878}
.map iframe{width:100%;}
#header{position:relative;}
#bar{
	display:none;
	position:absolute;
	right:15px;
	bottom:7px;
	padding: 9px 10px;
    max-width: 44px;
    border: 1px solid #1c74bb;
    border-radius: 4px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;}
#bar:hover{cursor:pointer;}
#bar .icon-bar{
		background-color: #1c74bb;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	}
#bar .icon-bar.middle{    margin: 6px 0px;}
.menu ul li.active a{    color: #00adee;}
@media screen and (min-width:992px) and (max-width:1199px){
	footer .left{text-align:center;}
	footer .left span.last{display:block}
	footer  ul li{    width: 30%;
    text-align: center;}
}
@media screen and (max-width:991px){
	footer .left,footer  ul{text-align:center;}
}
@media screen and (max-width:1024px){
	#home h1 {
    font-size: 35px;}#home h3 {
    font-size: 18px;}
	#home{    padding: 180px 0px;}
}
@media screen and (max-width:767px){
	#header .header_top .left,#header .header_top .right ul{text-align:center;}
	#header .header_top .right ul{    margin-top: 13px;}
	#how_it_work .row_des .in_content{    max-width: 300px;    text-align: center;
    margin: auto;}
	#how_it_work .row_des ul,#how_it_work .row_des p,#how_it_work .row_des .col_title{text-align:left}
	#how_it_work .row_des ul{    padding-top: 15px;}
	#how_it_work .row_des ul li{    margin-bottom: 10px;}
	#how_it_work .row_des .col_title{margin-top:0px;}
	#membership .wrap_box.left,#membership .wrap_box{margin:auto;}
	#membership .wrap_box.left{margin-bottom:25px;}
	#about h1,.title_section{font-size:30px;}
	#about,#how_it_work,#cotact_us{    padding: 40px 0px;}
	#membership{    padding: 40px 0px 90px;}
	.form input, .form textarea{max-width:100%;}
}
@media screen and (max-width:550px){
	footer .left{text-align:center;margin-bottom:10px;}
	footer .left span.last{display:block}
	footer  ul li{display:block;}
}
@media screen and (max-width:630px){
	.menu ul li{display:block;}
	#bar{display:block;}
	.menu{display:none;    margin-bottom: 10px;}
	.menu ul{    margin-top: 5px;}
	.menu.fixed{display:block}
	#header.fixed #bar{position:fixed;top:10px;bottom:auto;    z-index: 999999999999;background: #fff;}
}
@media screen and (max-width:455px){
	#logo h2{font-size: 18px;}
	#logo img{max-width:80px}
}
@media screen and (max-width:455px){
	#bar{
		padding: 4px 4px;
		max-width: 30px;
	}
	#bar .icon-bar.middle {
    margin: 4px 0px;
}#bar .icon-bar {width:18px;}
}
@media screen and (max-width:336px){
	#logo h2 {
    font-size: 16px;    margin-top: 10px;
}
}
strong{color: black;font-size: 15px;}
#privacy_policy ul li {
    font-size: 14px;
    /* color: #737171; */
    background: url(images/icon_li.png);
    background-repeat: no-repeat;
    font-family: 'OpenSans';
    padding-left: 20px;
    background-position: left center;
    margin-bottom: 20px;
}