@charset "utf-8";

@font-face {
  font-family: "RobotoCondensedReg";
  src: url("../font/RobotoCondensedReg/RobotoCondensedReg.eot?") format("eot"),
  url("../font/RobotoCondensedReg/RobotoCondensedReg.woff") format("woff"),
  url("../font/RobotoCondensedReg/RobotoCondensedReg.ttf") format("truetype");
}
@font-face {
  font-family: "robotolight";
  src: url("../font/robotolight/robotolight.eot?") format("eot"),
  url("../font/robotolight/robotolight.woff") format("woff"),
  url("../font/robotolight/robotolight.ttf") format("truetype");
}
@font-face {
  font-family: "RobotoMedium";
  src: url("../font/RobotoMedium/RobotoMedium.eot?") format("eot"),
  url("../font/RobotoMedium/RobotoMedium.woff") format("woff"),
  url("../font/RobotoMedium/RobotoMedium.ttf") format("truetype");
}
body {
	background: #f7f7f7;
}

#header {
	background: url(../img/header_bg.png) no-repeat center top;
	width: 100%;
	height: 1000px;
	position: relative;
	top: -269px;
}
#header_in {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 276px;
	padding-left: 59px;
}
#logo p {
	margin-top: 17px;
	letter-spacing: -1px;
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 48px;
	font-stretch: condensed;
	line-height: 100%;
	color: rgb(54,77,59);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	text-shadow:0px 0px 29px rgba(255,255,255,0.13);
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#21ffffff,Strength=32)";
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#21ffffff,Strength=32);
}
#content {
	width: 100%;
	background: url(../img/mainbg.png) repeat-y center top;
	margin-top: -489px;
}
#options {
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 48px;
	letter-spacing: -1px;
	color: rgb(255,255,255);
	text-align: center;
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	text-shadow:0px 0px 10px rgba(154,42,117,0.25);
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#4099.ff65fd8adab829.ffd5fdcdf69875,Strength=10)";zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#4099.ff65fd8adab829.ffd5fdcdf69875,Strength=10);
	margin: 0 auto;
	width: 820px;
	position: relative;
	top: -77px;
	overflow: hidden;
}
#left_option, #right_option {
	width: 400px;
	height: 400px;
	margin-top: 65px;
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#left_option {
	
	float: left;
	background: url(../img/option_pic1.jpg);
}
#right_option {
	
	float: right;
	background: url(../img/option_pic2.jpg);
}
#option_label {
	font-family: "robotolight", sens-serif;
	font-size: 28px;
	background: url(../img/option_bg.png);
	width: 483px;
	height: 149px;
	margin: 0 auto;
	line-height: 96px;
	letter-spacing: 0px;
	position: absolute;
	left: 21%;
	z-index: 5;
}
div#right_option p, #left_option p {
	top: 140px;
	left: 30px;
	position: absolute;
}
#options a {
	text-decoration: none;
	color: rgb(255,255,255);
}
.option_go {
	
	width: 121px;
	height: 46px;
	display: block;
	position: absolute;
	top: 264px;
	left: 127px;
	transition: all 0.3s;
	border: #fff solid 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-size: 32px;
	line-height: 46px;
}
.option_go:hover {
    color: #a52d7d;
	background: #fff;
}

#questions {
	
	width: 1100px;
	margin: 0 auto;
	background: url(../img/question_bg_top.png) no-repeat center top;
	position: relative;
	background-position: 82px 0;
}

#main_content {
	width: 1046px;
	margin: 0 auto;
	background: url(../img/question_bg_bottom.png) no-repeat center top;
	background-position: 82px -47px;
	margin-top: -42px;
}

#heve_q {
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 60px;
	font-weight: bold;
	font-stretch: condensed;
	color: rgb(209,73,67);
	text-align:left;
	margin-left: 155px;
	letter-spacing: -1px;
	margin-top: -2px;
}
#about_us {
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 36px;
	line-height: 120%;
	color: rgb(255,119,0);
	text-align:left;
	margin-top: 60px;
	margin-left: 147px;
	letter-spacing: -1px;
}
#about_us_box {
	width: 940px;
	
	background-color: rgb(255,255,255);
	margin: 0 auto;
	margin-top: 51px;
}
#about_us_box  p {
	font-family: "robotolight", sens-serif;
	font-size: 24px;
	line-height: 150%;
	color: rgb(53,77,59);
	padding-top: 7px;
	padding-left: 16px;
	padding-right: 10px;
	letter-spacing: -1px;
	text-align: justify;
}
#watch {
	font-family: "RobotoCondensedReg", sens-serif;
	font-weight: bold;
	font-size: 36px;
	line-height: 120%;
	color: rgb(223,213,37);
	text-align: right;
	margin-top: 42px;
	margin-right: 160px;
	letter-spacing: -1px;
	padding-top: 46px;

}
#video_player {
	/*background: url(../img/video.jpg) no-repeat;*/
	width: 854px;
	height: 509px;
	margin: 0 auto;
	margin-top: 44px;
}
#what_we_do {
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -1px;
	color: rgb(182,203,81);
	margin-top: 46px;
	margin-left: 145px;
}
#what_we_do_box {
	width:100%;
	position:relative;
	height: 556px;
}
#what_we_do_box a {
	text-decoration: none;
}
.wwd_item {
	width: 200px;
	height: 200px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:rgb(255,255,255);
	position:absolute;
}
.i1, .i3, .i5 {
	top: 268px;
}

.f_social:hover {
    background-color: #ffffff;
}
.wwd_item.i1 img {
    top: 27px;
    left: 8px;
    position: relative;
}
.i2, .i4, .i6 {
	top: 117px;
}
.wwd_item.i1 {
	left: 41px;
}
.wwd_item.i2 {
	left: 191px;
}
.wwd_item.i3 {
	left: 341px;
}
.wwd_item.i4 {
	left: 491px;
}
.wwd_item.i5 {
	left: 641px;
}
.wwd_item.i6 {
	left: 792px;
}
.wwd_item img {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 25px;
	margin-left: 25px;
}
#what_we_do_box p {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 24px;
	line-height: 100%;
	color: #364e3b;
	text-align: center;
	-webkit-text-stroke: 2px rgba(255,255,255,0.46);
	margin-top: 19px;
	margin-left: 48px;
	letter-spacing: -1px;
}
#whats_new {
	font-family: "RobotoCondensedReg", sens-serif;
	font-weight: bold;
	font-size: 36px;
	line-height: 120%;
	color: rgb(209,73,67);
	text-align: right;
	margin-right: 159px;
	letter-spacing: -1px;
} 
#crowfunding {
	width: 940px;
	background-color: rgb(255,255,255);
	margin: 0 auto;
	margin-top: 44px;
	padding-bottom: 40px;
	
	
}
#title {
	font-family: "RobotoMedium", sens-serif;
	font-size: 28px;
	font-style: italic;
	color: rgb(165,45,125);
	text-align: left;
	padding: 0 63px;
	padding-top: 16px;
	margin-left: 3px;
}
#title img {
	width:148px;
}
#title span {
	position: relative;
	top: 32px;
	left: 25px;
	/* letter-spacing: -1px; */
	font-size: 30px;
}
#crowfunding_text {
	font-family: "RobotoMedium", sens-serif;
	color: #364e3b;
	text-align: left;
	margin-top: 14px;
	font-style: italic;
	font-size: 28px;
	letter-spacing: 1px;
	padding-left: 65px;
	font-weight: 600;
}
#slider {
	display: inline-block;
	width: 820px;
	height: 13px;
	border-radius:6.5px;
	background: #ffffff url("../img/slider_bg.png") no-repeat;
	position: relative;
	margin-top: 22px;
	margin-left: -3px;
}
#slider_line {
	position: absolute;
	z-index: 1;
	width: 213px;
	background: #a3c01a url("../img/slider_line_bg.png") repeat-x;
	height: 13px;
	font-size: .7em;
	display: block;
	border: 0;
	border-top-left-radius: 6.5px;
	border-bottom-left-radius: 6.5px;
}
#cfs_left {
	float: left;
}
#cfs_right {
	float: right;
}
#slider_pic {
	position: absolute;
	display: block;
	left: 205px;
	width: 29px;
	height: 30px;
	background: url("../img/slider_pic.png") no-repeat;
	top: -8px;
	z-index: 2;
}
#days_left {
	display: inline-block;
	font-family: "RobotoCondensedReg", sens-serif;
	letter-spacing: -1px;
	font-size: 28px;
	color: rgb(209,73,67);
	text-align: center;
	padding-top: 15px;
	padding-left: 7px;
	line-height: 88%;
}
#days_left span, #cfs_right span {
	font-family: "RobotoMedium", sens-serif;
	font-size: 16px;
}
#cfs_right {
	font-family: "RobotoCondensedReg", sens-serif;
	letter-spacing: -1px;
	font-size: 28px;
	color: rgb(209,73,67);
	text-align: center;
	line-height: 88%;
	margin-top: 16px;
	margin-right: 7px;
}
.sl_logos {
	display: inline-block;
	margin-right: 125px;
	margin-top: 4px;
}
.last {
	margin:0;
}
div#sl_logo {
	margin-left: 64px;
}
.sl_logos.sl1 {
	margin-top: 6px;
}
.sl_logos.sl2 {
	margin-top: 6px;
	margin-right: 115px;
}
.sl_logos.sl3 {
	margin-right: 140px;
}
.sl_logos.sl4.last {
	margin-top: 6px;
}
#follow {
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 36px;
	font-weight: bold;
	color: rgb(255,119,0);
	top: 82px;
	margin-left: 155px;
	letter-spacing: -1px;
	position: relative;
}
#follow_us {
	position: relative;
	height: 400px;
	margin-top: 120px;
}
.f_social {
	background-color:rgb(234,234,234);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 200px;
	height: 200px;
	top: 107px;
}
.f_social img {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.fs1 img {
	margin-top: 56px;
	margin-left: 79px;
}
.fs2 img {
	margin-top: 56px;
	margin-left: 60px;
}
.fs3 img {
	margin-top: 70px;
	margin-left: 60px;
}
.f_social.fs1 {
	left: 93px;
	position: absolute;
}
.f_social.fs2 {
	left: 416px;
	position: absolute;
}
.f_social.fs3 {
	left: 739px;
	position: absolute;
}

#copy {
	text-align: center;
	font-family: "RobotoCondensedReg", sens-serif;
	font-size: 36px;
	font-weight: bold;
	color: rgb(182,203,81);
	margin-top: 50px;
	padding-bottom: 50px;
}
#copy a {
	text-decoration: none;
	color: rgb(182,203,81);
	
}
#title #title_line2 {
	top: -41px;
}
#follow_box {
	width: 1046px;
	margin: 0 auto;
	background: url(../img/question_bg_follow.png) no-repeat center top;
	background-position: 82px -47px;
	/* margin-top: -119px; */
}



div#right_option p {
    left: 50px;
}
p#crowfunding_text a {
    color: #364e3b;
    text-decoration:none;
}
.f_social:hover {
background-color: #ffffff;
}

.wwd_item.i2 img {
    position: relative;
    top: 13px;
    left: 22px;
}



.wwd_item.i2 p {
    position: relative;
    top: -20px;
}



.wwd_item.i3 img {
    margin-top: 29px;
    margin-left: 29px;
}

.wwd_item.i3 p {
    position: relative;
    top: -23px;
}
.wwd_item.i4 img {
    top: 9px;
    left: 27px;
    position: relative;
}

.wwd_item.i4 p {
    position: relative;
    top: -12px;
    left: 0px;
}
.wwd_item.i5 img {
    position: relative;
    top: 8px;
    left: 9px;
}

.wwd_item.i5 p {
    position: relative;
    top: -22px;
    left: 10px;
}

.wwd_item.i6 img {
    position: relative;
    top: 20px;
    left: 16px;
}

.wwd_item.i6 p {
    position: relative;
    top: 1px;
    left: 6px;
}

#left_option:hover {
    background: url(../img/option_pic1_hover.jpg);

}

#right_option:hover {
    background: url(../img/option_pic2_hover.jpg);
	
}

#play_market, #app_store {
	width: 129px;
	height: 45px;
	/* float:left; */
	
	overflow: hidden;
}
#play_market {
	background: url(../img/play.png) no-repeat;
}
#app_store {
	background: url(../img/appstore.png) no-repeat;
}
div#dawload_app {
    margin-top: 22px;
    margin-left: -2px;
}

div#app_store {
    /* margin-left: 11px; */
    width: 110px;
    height: 40px;
    margin-top: 10px;
}
#play_market:hover, #app_store:hover {
	-webkit-box-shadow: 0 0 84px 5px rgba(165,45,125,.47);
	box-shadow: 0 0 84px 5px rgba(165,45,125,.47);
}
#video_player iframe {
	width: 854px;
	height: 509px;
	border: 0;
}