@charset "utf-8";
@charset "utf-8";

 *{
margin:0;
border:0;
padding:0;
overflow-x:hidden;
font-size:14px;	
}
ul{
list-style:none;
}
img{
width:100%;
text-align:center;
vertical-align:middle;
}
a:hover{
cursor:pointer;
}  .header_containner:after, .logo:after{
content:'';
display:block;
clear:both;
}
.header{
position:fixed;
left:0;
top:0;
z-index:1;
width:100%;
background:#ffffff;
box-shadow:0 0 0 #ffffff, 0 0 0 #ffffff, 0 0 8px #9EA1A2, 0 0 0 #ffffff;
}
.header_container{
width:80%;
margin:26px 10%;
}
.logo{
display:block;
float:left;
}
.logo_img, .logo_title{
display:inline-block;
vertical-align:middle;
}
.logo_img{
width:40px;
}
.join_btn{
    text-align:center;
}
.logo_title{
color:#f65353;
font-family:"Times New Roman";
font-weight:bold;
font-size:32px;
}
.logo_title:hover{
text-decoration:none;
}
.nav{
float:right;
display:block;
}
.search {
    background: url;
    padding: 100px;
    width: 850px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    border-radius: 25px;
    margin-top: 250px;
    margin-right: auto;
    margin-bottom: 120px;
    margin-left: auto;
}
.search ul {
    padding: 20px 0;
}
.search h1 {
    text-shadow: 0 2px 4.75px rgb(0 0 0 / 77%);
    font-family: Gilroy;
    font-size: 4em;
    font-weight: 800;	
}
.search h2{
    font-weight: 500;
    line-height: 1.5;
    text-shadow: 0 2px 4.75px rgb(0 0 0 / 71%);
    font-size: 1.5rem;
    padding-top: 26px
}
.search ul li {
    float: left;
    padding: 9px 6px;
}
.search li a {
    font-family: RobotoSlabLight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: url(../image/icons.png) no-repeat 10px #FA3934;
    border: 0px;
    padding: 9px 25px 9px 50px;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    text-shadow: 0 1px #333;
    text-decoration: none;
    float: left;
}
.search li select {
    font-family: RobotoSlabLight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #494747;
    background: #f5f5f6;
    border: 1px solid #ccc;
    padding: 8px;
    width: 127px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 38px;
    line-height: 32px;
}
@media screen and (max-width:750px){
	.search {

    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 25px;
    margin-bottom: 10px;
}
.search ul li {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}
.search li select, .search li a {
    width: 100%!important;
    margin: 0px;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.nav{
display:none;
}
}

.nav>a{
display:inline-block;
line-height:2rem;
margin-left:1.5rem;
font-size:12px;
color:#ffffff;
text-decoration:none;
}

@media screen and (max-width:1023px){
.logo_title{
font-size:28px;
}
.header_container{
width:92%;
margin-left:4%;
}
}
@media screen and (max-width:650px){
.logo_title{
font-size:24px;
}
}
@media screen and (max-width:400px){
.logo_title{
font-size:20px;
}
}
.header_btn{
display:inline-block;
height:32px;
margin-left:1.5rem;
background:#b93236;
border-radius:3px;
}
.header_btn a{
 background-color: #f56966;
display:block;
padding:0 18px;
line-height:32px;
color:#ffffff;
text-decoration:none;
}
.header_btn a:hover{
-moz-opacity: 0.90!important;
filter:alpha(opacity=90);
opacity:0.9;
}
.nav_f{
width:32px;
float:right;
display:none;
}
.nav_f:hover{
cursor:pointer;
}
@media screen and (max-width:750px){
.nav_f{
display:block;
}
}
@media screen and (max-width:650px){
.nav_f{
width:28px;
}
}
@media screen and (max-width:550px){
.nav_f{
width:24px;
}
}
@media screen and (max-width:450px){
.nav_f{
width:30px;
}
}
.navf_div{
position:fixed;
z-index:1;
left:0;
top:0;
display:none;
width:100%;
background:#ffffff;
border-top:1px solid #363537;
}
.navfdiv_c{
padding:12px 32px;
}
.navfdiv_line{
width:100%;
}
.navfdiv_line>a{
display:inline-block;
margin:12px 0;
font-size:12px;
color:#363537;
text-decoration:none;
}
.navf_btn{
display:inline-block;
height:32px;
margin:16px 0 0 0;
background:#b93236;
border-radius:3px;
}
.navf_btn a{
display:block;
padding:0 18px;
line-height:32px;
color:#ffffff;
text-decoration:none;
}
.navf_btn a:hover{
-moz-opacity: 0.90!important;
filter:alpha(opacity=90);
opacity:0.9;
}  .content{
width:100%;
}
.content_container{
width:80%;
margin:1rem 10% 0;
padding:0 14px;
}
.content_container:after{
content:'';
display:block;
clear:both;
}
@media screen and (max-width:1023px){
.content_container{
width:92%;
margin:1rem 4% 0;
}
}
@media screen and (max-width:650px){
.content_container{
width:100%;
margin:1rem 0 0;
}
}  .footer{
background:#3a3a3a;
}
.footer, .footer_dir, .footer_copyright{
width:100%;
}
.footer_container{
width:80%;
margin:1rem 10%;
}
.footer_dir{
text-align:center;
}
.footer_dir a{
display:inline-block;
margin:5px 0.5rem;
color:#ffffff;
text-decoration:none;
}
.footercopy_container{
text-align:center;
padding:5px 0;
color:#9EA1A2;
}
.footercopy_container a{
color: #9EA1A2;
text-decoration: none;
}
.footercopy_container a:hover{
color: #f5f5f5;
}
}
@media screen and (max-width:1023px){
.footer_container{
width:92%;
margin:1rem 4%;
}
}  .fivepointstar, .fivepointstar:before, .fivepointstar:after, .fivepointstar_no, .fivepointstar_no:before, .fivepointstar_no:after{
display:block;
width:0px;
height:0px;
overflow-x:visible;
}
.fivepointstar, .fivepointstar_no{
float:left;
}
.fivepointstar, .fivepointstar:before, .fivepointstar:after{
border-bottom:7px solid #FCC533;
}
.fivepointstar_no, .fivepointstar_no:before, .fivepointstar_no:after{
border-bottom:7px solid #616161;
}
.fivepointstar, .fivepointstar_no{
position:relative;
margin:6px 0;
border-right:10px solid transparent;
border-left:10px solid transparent;
-webkit-transform:rotate(37deg);
-moz-transform:rotate(37deg);
-ms-transform:rotate(37deg);
-o-transform:rotate(37deg);
transform:rotate(37deg);
}
.fivepointstar:before, .fivepointstar_no:before{
position:absolute;
top:-5px;
left:-6px;
content:"";
border-left:2px solid transparent;
border-right:2px solid transparent;
-webkit-transform:rotate(323deg);
-moz-transform:rotate(323deg);
-ms-transform:rotate(323deg);
-o-transform:rotate(323deg);
transform:rotate(323deg);
}
.fivepointstar:after, .fivepointstar_no:after{
position:absolute;
top:0;
left:-10px;
content:"";
border-right:10px solid transparent;
border-left:10px solid transparent;
-webkit-transform:rotate(286deg);
-moz-transform:rotate(286deg);
-ms-transform:rotate(286deg);
-o-transform:rotate(286deg);
transform:rotate(286deg);
}  .share_popup{
position:fixed;
z-index:1;
width:100%;
height:100%;
display:none;
left:0;
top:0;
background:#000000;
background-color:rgba(0,0,0,0.5);
}
.sharepopup_container{
width:300px;
margin:10px auto;
background:#ffffff;
border-radius:4px;
}
.share_cotent{
width:92%;
margin:20px 4% 10px;
}
.share_title, .share_btn, .share_close{
width:100%;
}
.share_title, .share_btn{
text-align:left;
}
.share_title{
margin:0 0 14px;
}
.shareti_container{
text-align:center;
}
.shareti_container p{
font-weight:bold;
font-family:'Times New Roman';
font-size:18px;
}
.share_btn a{
display:block;
margin:5px 0;
padding:0.5rem 1rem;
color:#ffffff;
border-radius:4px;
text-decoration:none;
-moz-opacity: 0.90!important;
filter:alpha(opacity=90);
opacity:0.9;
}
.share_btn a:hover{
color:#ffffff;
text-decoration:none;
-moz-opacity:1.00!important;
filter:alpha(opacity=100);
opacity:1.0;
}
.share_btn a img{
width:24px;
}
.share_close{
margin:1rem 0 0;
text-align:center;
}
.shareclose_container{
display:inline-block;
padding:0.5rem 1rem;
color:#ffffff;
background:#616161;
border-radius:4px;
-moz-opacity: 0.90!important;
filter:alpha(opacity=90);
opacity:0.9;
}
.shareclose_container:hover{
cursor:pointer;
-moz-opacity:1.00!important;
filter:alpha(opacity=100);
opacity:1.0;
}
.href_sharefacebook{
background:#29487d;
}
.href_sharetwitter{
background:#00aced;
}
.href_sharepinterest{
background:#e60023;
}
.href_sharetumblr{
background:#1b2b42;
}
.href_sharereddit{
background:#cc3700;
}
.href_sharelinkedin{
background:#0077b5;
}
  .banner{
width:100%;
overflow-y:hidden;
background:#b93236;
background-image:linear-gradient(rgba(37,33,30,0.3), rgba(37,33,30,0.3)),url(../image/banner.jpg); background-size:100%;
background-repeat:no-repeat;
}
@media screen and (max-width:750px){
.banner{
background-image:linear-gradient(rgba(37,33,30,0.3), rgba(37,33,30,0.3)),url(../image/mobile.jpg);
}
}
.banner_c{
width:92%;
margin-left:4%;
background:transparent;
}  .banner_h1{
width:100%;
}
.bannerh1_c{
width:100%;
margin:16px 0;
}
.bannerh1_c h1{
text-align:center;
font-size:50px;
color:#ffffff;
}
@media screen and (max-width:750px){
.bannerh1_c h1{
font-size:32px;
}
}
.banner_slogan1{
width:100%;
}
.bannerslogan1_c{
width:100%;
margin:0 0 20px;
}
.bannerslogan1_c p{
text-align:center;
font-size:18px;
font-weight:normal;
color:#ffffff;
}
.banner_slogan2{
width:100%;
}
.bannerslogan2_c{
width:100%;
margin:0 0 36px;
}
.bannerslogan2_c p{
text-align:center;
font-size:18px;
color:#ffffff;
}
.banner_btn{
width:100%;
text-align:center;
}
.bannerbtn_c{
display:inline-block;
width:120px;
height:42px;
line-height:42px;
margin:0 0 20px;
text-align:center;
font-size:14px;
font-family:sans-serif;
background:#f65353;
color:#ffffff;
border-radius:6px;
text-decoration:none;
}
.appdownload {
display: flex;
flex-wrap: wrap;
}
.app_btn a {
display: inline-block;
padding: 12px 12px;
margin: 10px;
text-align: center;
font-size: 12px;
font-family: sans-serif;
background: #f65353;
color: #ffffff;
border-radius: 18px;
text-decoration: none;
}
.app_btn a:hover {
background-color: #ED2626;
}
a.joinbtn_c {
    font-weight: 600;
    width: auto;
    display: inline-block;
    padding: 15px 30px;
    margin: 10px;
    text-align: center;
    font-size: 15px;
    font-family: sans-serif;
    background: #FA3934;
    color: #ffffff;
    border-radius: 18px;
    text-decoration: none;
}
.joinbtn_c:hover {
background-color: #ED2626;
}
.bannerbtn_c:hover{
-moz-opacity: 0.90!important;
filter:alpha(opacity=90);
opacity:0.9;
}   .appeal{
width:98%;
margin:0 1%;
}
.appeal_bg{
background:#fa3934c4;
}
.appeal_c{
margin:0 0 32px;
}
.appeal_title{
width:100%;
}
.appealti_c{
width:100%;
margin:32px 0;
}
.appealti_c h2{
font-size:30px;
font-weight:normal;
text-align:center;
color:#ffffff;
}
.off h2{

    
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 700;
    /* line-height: 2.8rem; */
    text-align: center;
    margin-bottom: 20px;
}
 
.appeal_order{
width:100%;
}
.appealor_c{
width:100%;
}
.appealor_c:after{
content:'';
display:block;
clear:both;
}
.appealor_div{
width:33%;
float:left;
}
@media screen and (max-width:750px){
.appealor_div{
width:100%;
}
}
.appealordiv_border{
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
@media screen and (max-width:750px){
.appealordiv_border{
border:0;
}
}
.appealordiv_c{
width:100%;
padding:20px 0;
}
.appealordiv_ti{
width:100%;
}
.appealordivti_c{
width:100%;
margin:0 0 14px;
}
.appealordivti_c h3{
text-align:center;
font-size:20px;
color:#ffffff;
}
.appealordiv_txt{
width:100%;
}
.appealordivtxt_c{
padding:0 14px;
}
.appealordivtxt_c p{
line-height:32px;
font-size:16px;
color:#ffffff;
text-align: center;
}  .intro{
width:98%;
margin:0 1%;
}
@media screen and (max-width:750px){
.intro{
width:100%;
margin:0;
}
}
.intro_c{
width:100%;
margin:0 0 24px;
}
.intro_c:after{
content:'';
clear:both;
display:block;
}
.intro_div{
text-align: left;
}
@media screen and (max-width:750px){
.intro_div{
width:100%;
}
}
.introdiv_c{
padding:0 12px;
}
.introdiv_ti{
width:100%;
}
.introdivti_c{
margin:24px 0 18px;
}
.introdivti_c h2{
text-align:center;
font-size:30px;
font-weight:100;
color:#2d2d2d;
}
.introdiv_txt{
width:100%;
}
.introdivtxt_c{
width: 100%;
margin: 0 auto 0;
}
.introdivtxt_c p{
text-align: left;
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:16px;
color:#363537;
}  .mix{
width:98%;
margin:0 1%;
}
@media screen and (max-width:750px){
.mix{
width:100%;
margin:0;
}
}
.mix_c{
width:100%;
margin:0 0 24px;
}
.mix_c:after{
content:'';
display:block;
clear:both;
}
.mix_img{
width:50%;
float:left;
}
@media screen and (max-width:750px){
.mix_img{
width:100%;
}
}
.miximg_c{
margin:8px 12px 0;
border-radius:10px;
}
img.img-responsive {
display: block;
max-width: 350px;
height: auto;
margin-left: 30px;
}
h2.space{ margin-top:30px
}
div#content_app {
background: #f6535338;
}
@media screen and (max-width:750px){
.miximg_c{
margin:0 12px;
}
}
.mix_txt{
width:50%;
float:left;
}
@media screen and (max-width:750px){
.mix_txt{
width:100%;
}
}
.mixtxt_c{
padding:0 12px;
}
.mixtxt_ti{
width:100%;
}
.mixtxtti_c{
padding:0 0 18px;
}
@media screen and (max-width:750px){
.mixtxtti_c{
padding:18px 0;
}
}
.mixtxtti_c h2{
text-align: center;
font-size:26px;
font-weight:600;
color:#2d2d2d;
}
.mixtxt_txt{
width:100%;
}
.mixtxttxt_c{
text-align: center;
width:100%;
}
.mixtxttxt_c p{
text-align: left;
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:16px;
color:#363537;
}  .perks{
width:98%;
margin:0 1%;
}
@media screen and (max-width:750px){
.perks{
width:100%;
margin:0;
}
}
.perks_c{
width:100%;
margin:12px 0 24px;
}
.perks_c:after{
content:'';
display:block;
clear:both;
}
.perks_txt_left{
width: 60%;
float: left;
}
.perks_imgs_right {
width: 40%;
float: right;
}
.perks_imgs_left {
width: 40%;
float: left;
}
.perks_txt_right {
width: 60%;
float: right;
}
@media screen and (max-width:750px){
.perks_imgs_left{
width:100%;
}
.perks_imgs_right{
width:100%;
}
}
.perksimgs_c{
padding:0 12px;
}
.perksimgs_c:after{
content:'';
display:block;
clear:both;
}
.perksimgs_ti{
width:100%;
}
.perksimgsti_c{
width:100%;
padding:12px 0 16px;
}
.perksimgsti_c p{
font-size:12px;
font-weight:500;
color:#000000;
}
.perksimgs_img{
width:25%;
float:left;
}
.perksimgsimg_c{
margin:6px;
border-radius:8px;
}
.perksimgs_foot{
width:100%;
}
.perksimgsfoot_c{
padding:18px 0;
}
.perksimgsfoot_c a{
font-size:16px;
color:#f65353;
text-decoration:none;
}
.perksimgsfoot_c p{
font-size:12px;
color:#b93236;
}
.perks_txt{
width:60%;
float:left;
}
@media screen and (max-width:750px){
.perks_txt_right{
width:100%;
}
.perks_txt_left{
width:100%;
}
}
.perkstxt_c{
padding:0 12px;
}
.perkstxt_ti{
width:100%;
}
.perkstxtti_c{
width:100%;
padding;12px 0;
}
.perkstxtti_c h2{
font-size:26px;
font-weight:100;
color:#2d2d2d;
}
.perkstxt_con{
width:100%;
}
.perkstxtcon_c{
width:100%;
}
.perkstxtcon_c:after{
content:'';
display:block;
clear:both;
}
.perkstxt_left{
width:100%;
float:left;
}
@media screen and (max-width:750px){
.perkstxt_left{
width:100%;
}
}
.perkstxtleft_c{
margin:12px 0 0 0;
padding:0 8px 0 0;
}
@media screen and (max-width:750px){
.perkstxtleft_c{
padding:0;
}
}
.perkstxtleft_div{
width:100%;
}
.perkstxtleftdiv_c{
width:100%;
}
.perkstxtleftdiv_ti{
width:100%;
}
.perkstxtleftdivti_c{
width:100%;
margin:12px 0;
}
.perkstxtleftdivti_c h3{
font-size:14px;
color:#2d2d2d;
}
.perkstxtleftdiv_txt{
width:100%;
}
.perkstxtleftdivtxt_c{
width:100%;
}
.perkstxtleftdivtxt_c p{
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:16px;
color:#363537;
}
.perkstxt_right{
width:50%;
float:left;
}
@media screen and (max-width:750px){
.perkstxt_right{
width:100%;
}
}
.perkstxtright_c{
margin:12px 0 0 0;
padding:0 0 0 8px;
}
@media screen and (max-width:750px){
.perkstxtright_c{
padding:0;
}
}
.perkstxtright_div{
width:100%;
}
.perkstxtrightdiv_c{
width:100%;
}
.perkstxtrightdiv_ti{
width:100%;
}
.perkstxtrightdivti_c{
width:100%;
margin:12px 0;
}
.perkstxtrightdivti_c h3{
font-size:14px;
color:#2d2d2d;
}
.perkstxtrightdiv_txt{
width:100%;
}
.perkstxtrightdivtxt_c{
width:100%;
}
.perkstxtrightdivtxt_c p{
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:14px;
color:#363537;
}  .feel{
width:100%;
}
.feel_c{
padding:0 12px;
margin:0 0 24px;
}
.feel_c:after{
content:'';
display:block;
clear:both;
}
.feel_ti{
width:100%;
}
.feelti_c{
padding:18px 0;
text-align: center;
}
.feelti_c p{
font-size:32px;
font-weight:100;
color:#2d2d2d;
}
p.small-title {
color: #84837f;
font-size: 13px;
letter-spacing: 1px;
margin-top: 5px;
}
.feel_con{
width:100%;
}
.feelcon_c{
width:100%;
}
.feelcon_c:after{
content:'';
display:block;
clear:both;
}
.feelcon_div{
width:33.33%;
float:left;
}
@media screen and (max-width:750px){
.feelcon_div{
width:100%;
}
}
.feelcondiv_c{
width:100%;
margin:0 0 32px;
}
.feelcondiv_star{
width:100%;
}
.feelcondivstar_c{
display:inline-block;
overflow-y:hidden;
padding:20px 0 10px;
}
.feelcondiv_img{
width:100%;
}
.feelcondivimg_c{
width:20%;
margin:0 30%;
border-radius:50%;
}
.feelcondiv_txt{
width:100%;
}
.feelcondivtxt_c{
width:84%;
margin:20px 8% 0;
}
@media screen and (max-width:750px){
.feelcondivtxt_c{
width:100%;
margin:20px 0 0;
}
}
.feelcondivtxt_c p{
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:16px;
color:#363537;
}
.feelcondiv_name{
width:100%;
}
.feelcondivname_c{

text-align: center;
width:70%;
margin:0 8%;
}
span.testimonial-meta {
font-size: 13px;
text-transform: uppercase;
color: #f56966;
padding-right: 10px;
font-weight: 400;
}
@media screen and (max-width:750px){
.feelcondivname_c{
width:86%;
</*margin:0%;*/>
}
}
.feelcondivimg_c {
    width: 40%;
    margin: 0 30%;
    border-radius: 2%;
}
.feelcondivtxt_c p{
    text-align:center;
display:block;
width:100%;
margin-bottom:12px;
line-height:24px;
font-size:16px;
color:#363537;
}
.feelcondivname_c p{
font-size:14px;
color:#363537;
}  .spread{
width:100%;
}
.spread_bg{
background:#F2F4F5;
}
.spread_c{
padding:8px 12px 32px;
}
.spread_ti{
width:100%;
}
.spreadti_c{
padding:12px 0;
}
.spreadti_c p{
text-align:center;
font-size:32px;
font-weight:100;
color:#2d2d2d;
}
.spread_con{
width:100%;
}
.spreadcondiv_c a{
    color: #797979;
    text-transform: capitalize;
}
.spreadcon_c{
width:100%;
margin:18px 0;
}
.spreadcon_c:after{
content:'';
display:block;
clear:both;
}
.spreadcon_div{
    margin: 3px auto;
width:25%;
float:left;
}
@media screen and (max-width:750px){
.spreadcon_div{
    margin: 3px auto;
width:25%;
}
}
.spreadcondiv_c{
width:100%;
text-align:center;
}
.spreadcondiv_c img{
width:auto;
}  .off{
width:100%;
}
.off_bg{
background:#f6f7f9;
}
.off_c{
width:100%;
padding:0 0 12px;
}
.off_ti{
width:100%;
}
.offti_c{
width:100%;
margin:16px 0;
}
.offti_c h1{
text-align:center;
font-size:28px;
font-weight:normal;
color:#ffffff;
}

@media screen and (max-width:750px){
.offti_c h1{
font-size:28px;
}
}
.off_txt{
width:100%;
}
.offtxt_c{
width:100%;
margin:0 0 24px;
}
.offtxt_c p{
text-align:center;
font-size:16px;
color:#ffffff;
}
.off_btn{
width:100%;
text-align:center;
}
.offbtn_c{
    background-color: #ffffff;
    border: 1px solid #f56966;
    border-radius: 6px;
    padding: 10px 20px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 0 0 4px;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    color: #ec0505;
    text-decoration: none;
}
.state{

    background-color: whitesmoke;
    color: white;
    border: 1px solid #f56966;
    border-radius: 6px;
    padding: 3px 3px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 0 3px 4px;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    color: #f56966;
    text-decoration: none;
}