@charset "utf-8";

/**************************************Start banner**************************************/

/*Start banner layout*/

.banner{
	

	width:100%;

	overflow-y:hidden;

	background:#363537;

	background-image:linear-gradient(rgba(37,33,30,0.3), rgba(37,33,30,0.3)),url('../image/banner.jpg'); /*background-image resolution: 1600×900(height-width ratio = 9/16)*/

	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/banner-mobile.jpg');

	}

}

.banner_c{

	width:92%;

	margin-left:4%;

	background:transparent;

}

/*End banner layout*/



/*Start banner detail*/

.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:#cf2a38;

	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: #cf2a38;
    color: #ffffff;
    border-radius: 18px;
    text-decoration: none;
}
.app_btn a:hover {
  background-color: #ED2626;
}
a.joinbtn_c {
    display: inline-block;
    padding: 12px 18px;
    margin: 10px;
    text-align: center;
    font-size: 18px;
    font-family: sans-serif;
    background: #d7544c;
    color: #ffffff;
    border-radius: 14px;
    text-decoration: none;
}
.joinbtn_c:hover {
  background-color: #ED2626;
}

.bannerbtn_c:hover{

	-moz-opacity: 0.90!important;

	filter:alpha(opacity=90);

	opacity:0.9;

}

/*End banner detail*/

/**************************************End banner**************************************/



/**************************************Start appeal**************************************/

.appeal{

	width:98%;

	margin:0 1%;

}

.appeal_bg{

	background:#d7544c;

}

.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;

}

.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;

}

/**************************************End appeal**************************************/



/**************************************Start intro**************************************/

.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: center;
}

@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: 80%;
    margin: 0 auto 0;

}

.introdivtxt_c p{

	display:block;

	width:100%;

	margin-bottom:12px;

	line-height:24px;

	font-size:16px;

	color:#363537;

}

/**************************************Start intro**************************************/



/**************************************Start mix**************************************/

.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: #eeeeee63;
}
	
	

@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{

	font-size:26px;

	font-weight:100;

	color:#2d2d2d;

}

.mixtxt_txt{

	width:100%;

}

.mixtxttxt_c{

	width:100%;

}

.mixtxttxt_c p{

	display:block;

	width:100%;

	margin-bottom:12px;

	line-height:24px;

	font-size:16px;

	color:#363537;

}

/**************************************End mix**************************************/



/**************************************Start perks**************************************/

.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:#363537;

	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;

}

/**************************************End perks**************************************/



/**************************************Start feel**************************************/

.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_c h3 {
	text-align: center;
    font-size: 18px;
}

.visitsite {
    color: #a52a2a;
    text-decoration: none;
    text-transform: uppercase;
	padding-right: 10px;
	font-size: 16px;
}

.visitsite:hover{
	color: #ED2626;
  }
  
.reviewsite {
	font-size: 18px;
    text-decoration: none;
    color: #a52a2a;
}
.reviewsite:hover {
	color: #ED2626;
  }


.feelcondiv_star{

	width:100%;

}

.feelcondivstar_c{

	display:inline-block;

	overflow-y:hidden;

	padding:20px 0 10px;

}

.feelcondiv_img{

	width:100%;

}

.feelcondivimg_c{

	width:40%;

	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{

	width:70%;

	margin:0 8%;

}
span.testimonial-meta {
    font-size: 13px;
    text-transform: uppercase;
    color: #aa9144;
    padding-right: 10px;
    font-weight: 400;
}

@media screen and (max-width:750px){

	.feelcondivname_c{

		width:86%;

		margin:0%;

	}

}

.feelcondivname_c p{

	font-size:14px;

	color:#363537;

}

/**************************************End feel**************************************/



/**************************************Start spread**************************************/

.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%;

}

.spreadcon_c{

	width:100%;

	margin:18px 0;

}

.spreadcon_c:after{

	content:'';

	display:block;

	clear:both;

}

.spreadcon_div{

	width:25%;

	float:left;

}

@media screen and (max-width:750px){

	.spreadcon_div{

		width:100%;

	}

}

.spreadcondiv_c{

	width:100%;

	text-align:center;

}

.spreadcondiv_c img{

	width:auto;

}

/**************************************End spread**************************************/



/**************************************Start off**************************************/

.off{

	width:100%;

}

.off_bg{

	background:#d7544c;

}

.off_c{

	width:100%;

	padding:0 0 12px;

}

.off_ti{

	width:100%;

}

.offti_c{

	width:100%;

	margin:16px 0;

}

.offti_c h2{

	text-align:center;

	font-size:2.4rem;

	font-weight:700;

	color:#ffffff;
	margin-bottom: 20px;

}

@media screen and (max-width:750px){

	.offti_c h2{

		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{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 0 0 20px;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    background: #ffffff;
    color: #cf2a38;
    text-decoration: none;
    border-radius: 18px;
	
}
.state{

    background-color:#d7544c;
    color: white;
    border: 2px solid #ffffff;
    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: #ffffff;
    text-decoration: none;
}